<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
    <link rel="stylesheet" type="text/css" href="../css/foot_style.css"/>
    <link rel="stylesheet" type="text/css" href="../css/head_style.css"/>
    <link rel="stylesheet" href="../js/layui-v2.2.6/layui/css/layui.css">
    <link rel="stylesheet" href="../css/fontCss.css">
    <link rel="stylesheet" href="../css/login.css">
    <script src="../js/layui-v2.2.6/layui/layui.js"></script>
    <script src="../js/layui-v2.2.6/layui/layui.js"></script>
</head>
<body>
    <!--头部-->
    <div class="head">
        <div class="head1 ">
        <img class="img" src="../img/top1.png" alt="汇网" width="50" height="50"/>
        <div class="head-search layui-form">
            <i class="layui-icon layui-icon-face-smile search-icon">&#xe615;</i>
            <div class="layui-input-inline head-search-input">
                <select name="modules" lay-verify="required" lay-search="">
                    <option value="">寻找人才</option>
                    <option value="1">人才1号</option>
                </select>
            </div>
        </div>
        <div class="layui-btn layui-btn-sm fabu-btn">发&nbsp;&nbsp;布</div>
        <div class="btns">
					<span class="language-btns" >
						中文
						<i class="layui-icon layui-icon-face-smile language-icon">&#xe61a;</i>
					&nbsp;&nbsp;&nbsp;
						<div class="span-div">
							<p class="cn">中文</p>
								<hr/>
								<p class="eng">English</p>
						</div>
					</span>
            <span>&nbsp;&nbsp;&nbsp;</span>
            <div class="img-userhead">
                <img src="../img/1/10.png" width="32" height="32" style="border-radius: 16px;;"><!--头像-->
                <span class="user-btn">Manty
							<i class="layui-icon layui-icon-face-smile user-icon" style="font-size: 14px;">&#xe61a;</i>
						</span>
                <div class="userbox">
                    <div class="userbox-user">
                        <img src="../img/1/10.png"/>
                        <span class="userbox-usename">Manty</span>
                        <span class="userbox-usertype">个人用户</span>
                    </div>
                    <div class="userbox-set">
                        <i class="iconfont " style="font-size: 14px;color: #333333;">&#xe606;</i>
                        &nbsp;&nbsp;&nbsp;设置
                    </div>
                    <div class="userbox-out">
                        <i class="iconfont " style="font-size: 14px;color: #333333;">&#xe652;</i>
                        &nbsp;&nbsp;&nbsp;安全退出
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

    <div class="container">
        <div class="title">登陆</div>
        <div class="main">
            <form class="layui-form layui-form-pane" action="">
                <div class="layui-form-item">
                    <div class="bord">
                        <label class="layui-form-label"><i class="iconfont">&#xe757;</i></label>
                        <div class="layui-input-block">
                            <input type="text" placeholder="请输入邮箱" class="layui-input">
                            <div class="bord-fa"></div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="bord">
                        <label class="layui-form-label"><i class="iconfont">&#xe759;</i></label>
                        <div class="layui-input-block">
                            <input type="text" placeholder="请输密码" class="layui-input">
                            <div class="bord-fa"></div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <a href="resultPsd.html" class="tip">忘记密码?</a>
                    <p href="###" class="msg"><span class="disc"></span>邮箱或密码错误</p>
                </div>
                <div>
                    <button class="layui-btn nextBtn">立即提交</button>
                </div>
                <div class="login">
                    <div class="login-title">
                        <i></i><span>快捷登陆</span><i></i>
                        <div>
                            <a href="###"><i class="iconfont" style="color: #8dc51c">&#xe6ed;</i></a>
                            <a href="###"><i class="iconfont" style="color: #62a4ee">&#xe64d;</i></a>
                            <a href="###"><i class="iconfont" style="color: #ec6061">&#xe63c;</i></a>
                            <a href="###"><i class="iconfont" style="color: #667eba">&#xe627;</i></a>
                            <a href="###"><i class="iconfont" style="color: #3aa6d7">&#xe6c1;</i></a>
                            <a href="###"><i class="iconfont" style="color: #5fd4ff">&#xe60a;</i></a>
                            <!--<a href="####"></a>-->
                            <!--<a href="####" style="background-position: -50px 0"></a>-->
                            <!--<a href="####" style="background-position: -100px 0"></a>-->
                            <!--<a href="####" style="background-position: -150px 0"></a>-->
                            <!--<a href="####" style="background-position: -200px 0"></a>-->
                            <!--<a href="####" style="background-position: -247px 0"></a>-->
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="footer">
            <a href="./register.html">注册</a>
        </div>
    </div>

    <div class="foot">
        <div class="foot1">
            Copyright © 2018 世界汇网  www.thewiorldwie.cn
        </div>
    </div>
    <script>
        layui.use(['form', 'layedit', 'laydate'], function(){
            var form = layui.form
                ,layer = layui.layer
                ,layedit = layui.layedit
                ,laydate = layui.laydate
                ,$ = layui.jquery;

             $(".language-btns").click(function(){
                if(!$(".span-div").is(':hidden')){//如果当前不隐藏
                    $('.span-div').hide();//就隐藏div
                    $(".language-icon").html("&#xe61a;")
                }else{//否则
					$('.userbox').hide();//就隐藏div
					$(".user-icon").html("&#xe61a;")
                    $('.span-div').show();//那么就显示div
                    $(".language-icon").html("&#xe619;")
                }
            })

            $(".user-btn").click(function(){
                if(!$(".userbox").is(':hidden')){//如果当前不隐藏
                    $('.userbox').hide();//就隐藏div
                    $(".user-icon").html("&#xe61a;")
                }else{//否则
 					$('.span-div').hide();//就隐藏div
 					$(".language-icon").html("&#xe61a;")
                    $('.userbox').show();//那么就显示div
                    $(".user-icon").html("&#xe619;")
                }
            });
            
          


        })
    </script>
</body>
</html>